import { Server } from "../../dist/esm/index.js";
const send2Son = document.querySelector("#send2Son");
const invokeSon = document.querySelector("#invokeSon");
export const init = async () => {
  const server = new Server({
    target: "#son",
    handlers: {
      // 父页面的处理函数
      log: console.log,
    },
  });
  // 挂载并加载服务
  server.mount().load().catch(console.log);
  // 监听 "msg" 事件
  server.on("msg", console.log.bind(null, "parent收到消息"));
  send2Son.addEventListener("click", () => {
    // 发送 "msg" 消息
    server.send({ type: "msg", data: { name: "parent" } });
  });
  invokeSon.addEventListener("click", () => {
    // 调用子页面的info函数
    server.invokeHandler({ type: "info", data: ["info"] });
  });
};
